<html>
<head>
	<title>Login - MBHP System Management</title>
	<link rel="stylesheet" type="text/css" href="style.css">
	// <script type="text/javascript" src="jquery-1.8.0.min.js"></script>
	
	<script type="text/javascript">
	$(document).ready(function(){
		$('#user').focus();
		$('#loading').hide();
	
	$('#submit').click(function(){
		var nama = $('#user').val();
		var password = $('#pass').val();
		var loading = $('#loading');
		$.ajax({
			type:"POST",
			url:"login_process.php",
			data:'nama=' +nama+ '&pass=' +password,
			success: function(data){
				$('#tampilkan').hide();
				loading.fadeIn(200);
				loading.fadeOut(500);
				$('#tampilkan').html(data);
				$('#tampilkan').fadeIn(2000);
				}
			})
		})
	})
	</script>
	<script type="text/javascript">

	// function validate()
	// {
	// if(($.trim($("#user").val())=="") && ($.trim($("#pass").val())=="")) {
		
	// 	$('#failed').show();
	// 	$('#failed').fadeOut(1800);

	// }
}
	</script>

</head>
<body>
		<div id="container-login">
			<div id="login">
				<div id="image"><img src="../image/uns.png" width="120" height="120"></div>
						<table>
								<tr>
									<td>Username</td><td>: <input id="user" type="text" name="username" placeholder="Masukkan Username"></td>
								</tr>
								<tr>
									<td>Password</td><td>: <input id="pass" type="password" name="pass" placeholder="Masukkan Password"></td>
								</tr>
								<tr>
									<td></td><td>&nbsp <input id="submit" type="submit" value="Login"></td>
								</tr>
						</table>
				</div>
				<div id="loading"><img src="../image/loader.gif" width="20" height="20"></div>
				<div id="tampilkan"></div>
				<h3>Login Sistem Manajemen MBHP</h3>
				<h3>Universitas Sebelas Maret</h3>
				
		</div>
		
</body>
</html>